<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /*
            border的基本属性： 1. border-style  2. border-width  3. border-color 4. border(复合属性)
            如果直接写如上属性，则设置的是四个方向的属性。
            可以分别选择四个方向的属性，且各属性也包含如上4个基本属性。
            1.左边框： border-left-style  border-left-width  border-left-color  border-left(左复合)
            2.右边框： border-right-style  border-right-width  border-right-color  border-right(左复合)
            3.上边框： border-top-style  border-top-width  border-top-color  border-top(左复合)
            4.下边框： border-bottom-style  border-bottom-width  border-bottom-color  border-bottom(左复合)
        */
            
        p{
            border-left-style: solid;
            border-right-style: dashed;
            border-top-style: dotted;
            border-bottom-style: double;

            border-left-color:orange;
            border-right-color:yellow;
            border-top-color:greenyellow;
            border-bottom-color:skyblue;

            border-left-width:10px;
            border-right-width:20px;
            border-top-width:30px;
            border-bottom-width:40px;
        } 
    </style>
</head>
<body>
    <p>崩坏三</p>
</body>
</html>